import './App.css';
import React from "react";
import InputBox from "./component/InputBox";
import TodoBoard from "./component/TodoBoard";

class App extends React.Component{
  constructor(props){
    super(props)

    // 定义状态
    this.state={
      todo:{}
    }
  }

  // 定义回调函数
  addtodo = (todo)=>{
      // 接收inputBox传来的数据并使用setstate更新状态
      this.setState({
        todo:todo
      })
  }

  render(){
    return (
      <div className="App">
        {/* 把函数作为参数传过去 */}
        <InputBox addtodo = {this.addtodo}/>
        {/* 把接收的值传到board组件 */}
        <TodoBoard todo = {this.state.todo}/>
      </div>
    );
  }
}

export default App;
